@charset "utf-8";

@import "common/common1";

$font-size:20px;
@function r($px){
    @return $px/$font-size * 1rem;
}
body{
    background: #222222;
}
header{
    .nav_search{
        width: r(614px);
        height: r(88px);
        margin: 0 auto;
        line-height: r(88px);
        border-bottom: 1px solid #464646;
        i{
            font-size: r(54px);
            color: #B20000;
        }
        .sousuo{
            width: r(536px);
            height: r(52px);
            margin-top: r(18px);
            border-radius: 15px;
            border:1px  solid white;
            position: relative;
            .sousuo_left{
                i{
                    font-size: r(32px);
                    color: white;
                    position: absolute;
                    top: r(-16px);
                    left: r(16px);
                }               
            }
            .sousuo_right{
                input{
                    width: r(452px);
                    height: r(50px);
                    position: absolute;                   
                    right: r(20px);
                    border: 0;
                    background: transparent;
                    font-size: r(24px);
                    padding-left: r(10px);
                    color: white;
                }
            }
        }
    }
}
section{
    .personal{
        width: 100%;
        height: r(360px);
        text-align: center;
        .personal_top{
            padding-top: r(33px);
            img{
                width: r(136px);
                height: r(130px);               
            }
        }
        .personal_mid{
            .mid_top{
                height: r(26px);
                line-height: r(26px);
                margin-bottom: r(10px);
                color: white;
                a{vertical-align: middle;
                    input{
                    width: r(92px);
                    height: r(24px);
                    font-size: r(14px);
                    background: #222222;
                    color: white;
                    border: 1px solid white;
                                  
                    }
                }
                span:nth-of-type(1){
                font-size: r(26px);
                vertical-align: middle;
                }  
            }
            i{
                font-size: r(20px);
                color: #eeca02;
                margin:0 r(3px);
            }
            .mid_guan{
                height: r(24px);
                line-height: r(24px);
                margin-top: r(2px);
                span{
                    font-size: r(24px);
                    padding: 0 r(4px);
                    vertical-align: middle;
                    color: white;
                }
                span:nth-of-type(2){
                    color: #B20000;
                }
                span:nth-of-type(4){
                    color: #B20000;
                }
            }
            .mid_anniu{
                margin-top: r(20px);
                input{
                    width: r(220px);
                    height: r(54px);
                    border: 0;
                    border-radius: 15px;
                    background: #B20000;
                    color: white;
                    font-size: r(26px);
                }
                input:nth-of-type(2){
                    background: #cdcdcd;
                    margin-left: r(22px);
                }
            }
        }
    }
    .xian{
        height: r(22px);
        background: #303030;
    }
    .xiala{
        width: r(579px);
        height: r(79px);
        margin: 0 auto;
        line-height: r(79px);
        border-bottom: 1px solid #4E4E4E;
        span{
            font-size: r(24px);
            vertical-align: middle;
            color: #4e4e4e;
        }
        span:nth-of-type(2){
            float: right;
        }
    }
    .xiala1{
        width: r(579px);
        height: r(79px);
        margin: 0 auto;
        line-height: r(79px);
        span{
            font-size: r(24px);
            vertical-align: middle;
            color: #4e4e4e;
        }
        span:nth-of-type(2){
            float: right;
        }
    }
    .tuichu{
        text-align: center;
        margin-top: r(20px);
        input{
            width: r(182px);
            height: r(54px);
            border: 0;
            border-radius: 15px;
            background: #B20000;
            color: white;
            font-size: r(24px);
        }
    }
}
